<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="root">
  <ul class="header">
    <li class="zi">河南</li>
    <li><img src="img/sousuotubiao@2x.png" alt=""><input type="text" name="" value="" placeholder="       展会协助"></li>
  </ul>

<div class="nav">
    <ul>
      <li><img src="img/fujinjianzhi.png" alt=""><p>附近兼职</p></li>
      <li><img src="img/haowanjianzhi.png" alt=""><p>好玩兼职</p></li>
      <li><img src="img/xueshengjianzhi.png" alt=""><p>最新兼职</p></li>
      <li><img src="img/zuixinjianzhi.png" alt=""><p>学生兼职</p></li>
    </ul>
</div>
<div class="xian"></div>

<div class="content">
  <h2>为你优选</h2>
  <ul>
    <li class="content-1">
      <span>80%</span>
      <img src="img/yuanqiu.png" alt="">
    </li>
    <li>
      <p>简历完善程度80%，完善信息</p>
      <p>即可为你每天推荐专属兼职</p>
    </li>
  </ul>
</div>
<div class="xian"></div>
<div class="list">
  <ul>
    <li>北京<img src="img/xiaojiantou.png" alt=""></li>
    <li>职位类型<img src="img/xiaojiantou.png" alt=""></li>
    <li>推荐排序<img src="img/xiaojiantou.png" alt=""></li>
    <li>筛选<img src="img/xiaojiantou.png" alt=""></li>
  </ul>
</div>
<div class="list-2">
  <ul>
    <li>
      <p class="list-2-1">
        <span class="list-2-zi1">西直门室内活动充场日结</span>
        <span class="list-2-zi2">40元/一天</span>
      </p>
      <p class="list-2-zi3">
        <span><img src="img/weizhi@2x.png" alt="">西城西直门</span>
        <span><img src="img/shijian@2x.png" alt="">08.24~08.26</span>
      </p>
      <p class="baozhang"><img src="img/gongzibaozhang@2x.png" alt=""></p>
    </li>
  </ul>
</div>
<div class="list-2">
  <ul>
    <li>
      <p class="list-2-1">
        <span class="list-2-zi1">西直门室内活动充场日结</span>
        <span class="list-2-zi2">40元/一天</span>
      </p>
      <p class="list-2-zi3">
        <span><img src="img/weizhi@2x.png" alt="">西城西直门</span>
        <span><img src="img/shijian@2x.png" alt="">08.24~08.26</span>
      </p>
      <p class="baozhang"><img src="img/gongzibaozhang@2x.png" alt=""></p>
    </li>
  </ul>
</div>
<div class="list-2">
  <ul>
    <li>
      <p class="list-2-1">
        <span class="list-2-zi1">西直门室内活动充场日结</span>
        <span class="list-2-zi2">40元/一天</span>
      </p>
      <p class="list-2-zi3">
        <span><img src="img/weizhi@2x.png" alt="">西城西直门</span>
        <span><img src="img/shijian@2x.png" alt="">08.24~08.26</span>
      </p>
      <p class="baozhang"><img src="img/gongzibaozhang@2x.png" alt=""></p>
    </li>
  </ul>
</div>
<div style="height:0.8rem;"></div>
<div class="footer">
    <ul>
      <li><img src="img/组-34@2x.png" alt=""></li>
      <li><img src="img/xiaoxi@2x.png" alt=""></li>
      <li><img src="img/xiaoxi@2x.png" alt=""></li>
    </ul>
</div>
</div>
</body>
<script src="gongju/rem.js" charset="utf-8"></script>
</html>
